<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>

    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/robotUI.css">
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/main.css">
</head>
<body>

<!-- 头部 -->
<div class="header">
    <div class="rob-container">
        <div class="qb-header-g qb-header-g__bgimg">
            <a class="qb-header-g__logo qb-header-g__logo__lg" href="">
                <img src="../../../app/assets/images/logo.png">
            </a>
            <!--<ul class="qb-header-g&#45;&#45;navbar-right hiden">-->
                <!--<li><a href=""><i class="qb-head-icon-g qb-icon-user"></i>-->
                    <!--<div class="popover qb-popover-g">-->
                        <!--<div class="arrow"></div>-->
                        <!--<p class="popover-title popover-name">阿超</p>-->
                        <!--<p class="popover-title">上次登录时间</p>-->
                        <!--<p class="popover-title">2016-09-27 18:00</p>-->
                        <!--<div class="popover-content">-->
                            <!--<a target="_blank"-->
                               <!--class="rob-btn rob-btn-danger rob-btn-circle qb-popover-g__pd20">进入个人中心</a>-->
                        <!--</div>-->
                    <!--</div>-->

                <!--</a></li>-->
                <!--<li><a href=""><i class="qb-head-icon-g qb-icon-bell"></i><span class="qb-news-g"></span></a></li>-->
                <!--<li><a href=""><i class="qb-head-icon-g qb-icon-quit"></i></a></li>-->
            <!--</ul>-->
        </div>
    </div>
</div>


<!-- 背景图 -->
<div class="qb-login-bj"></div>

<!-- 内容 -->
<div class="rob-container qb-login-box-g">
    <div class="rob-panel  qb-login-g">
        <h3 class="text-center qb-login-g__login-h3">
            登录
        </h3>

        <form>
            <div class="rob-form-group">
                <!-- rob-input-has-error  -->
                <div class="rob-form-group rob-col-lg-24 rob-input-line rob-input-has-error">
                    <!--<div class=" rob-has-icon-left rob-has-icon-right">-->
                    <!--<i class="rob-is-icon-left qb-icon-username "></i>-->
                    <!--<i class="rob-is-icon-right qb-icon-close rob-icon-show"></i>-->
                    <!--<input type="text" class="rob-input"  placeholder="请输入用户名">-->
                    <!--<label class="rob-input-line-border" for="input"></label>-->
                    <!--<div class="rob-error-message" style="display:block">-->
                        <!--<i class="qb-icon-report1"></i> 使用单一的一组 .rob-col-md-* 栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在 ” .rob-row 内。-->
                    <!--</div>-->
                <!--</div>-->

                    <div class=" rob-has-icon-left rob-has-icon-right">
                        <i class="rob-is-icon-left qb-icon-username "></i>
                        <div class="rob-select open ">
                            <div class="rob-has-icon-right" data-toggle="dropdown" aria-expanded="true">
                                <div class="rob-select-box rob-has-icon-right qb-no-boder-g">
                                    <i class="rob-is-icon-right qb-icon-angle-down"></i><!-- react-text: 5380 -->选项4
                                    <!-- /react-text --></div>
                                <div class="rob-select-items" style="background: rgb(255, 255, 255); z-index: 9999;">
                                    <div class="rob-select-item  ">选项1</div>
                                    <div class="rob-select-item  disabled">选项2</div>
                                    <div class="rob-select-item  ">选项3</div>
                                    <div class="rob-select-item active ">选项4</div>
                                    <div class="rob-select-item  ">选项5</div>
                                </div>
                            </div>
                        </div>
                        <label class="rob-input-line-border" for="input"></label>
                        <div class="rob-error-message" style="display:block">
                            <i class="qb-icon-report1"></i> 使用单一的一组 .rob-col-md-*
                            栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在 ”
                            .rob-row 内。
                        </div>
                    </div>


                </div>
            </div>
            <div class="rob-form-group">
                <!--  rob-input-has-error  -->
                <div class="rob-form-group rob-col-lg-24 rob-input-line ">
                    <div class=" rob-has-icon-left rob-has-icon-right">
                        <i class="rob-is-icon-left qb-icon-password "></i>
                        <i class="rob-is-icon-right qb-icon-open rob-icon-show qb-login-g__login-password"></i>
                        <i class="rob-is-icon-right qb-icon-eye-close "></i>
                        <input type="text" class="rob-input rob-login-password-padding-right" placeholder="请输入密码">
                        <label class="rob-input-line-border" for="input"></label>
                        <div class="rob-error-message " style="display:none">
                            <i class="qb-icon-report1"></i> 错误在手机和平板设备上一开始是堆叠在一起的
                        </div>
                    </div>
                </div>
            </div>
            <div class="rob-form-group">
                <!--  rob-input-has-error  -->
                <div class="rob-form-group rob-col-lg-24  rob-input-line">
                    <div class=" rob-has-icon-left">
                        <i class="rob-is-icon-left qb-icon-code "></i>
                        <div class="rob-code-img"><img src="../../../assets/images/验证码.png" alt=""></div>
                        <input type="text" class="rob-input rob-login-code-padding-right" id="inputEmail3"
                               placeholder="请输入验证码">
                        <label class="rob-input-line-border" for="input"></label>
                        <div class="rob-error-message" style="display:none">
                            <i class="qb-icon-report1"></i> 使用单一的一组 .rob-col-md-*
                            栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在 ”
                            .rob-row 内。
                        </div>
                    </div>
                </div>
            </div>
            <div class="rob-form-group">
                <div class="rob-panel-button">
                    <button class="rob-btn rob-btn-block rob-btn-danger rob-btn-circle">
                        登录
                    </button>
                </div>
            </div>
        </form>

        <div class="rob-login-entries">
            <ul class="clearfix">
                <li><a href="">找回密码</a></li>
                <li class="list-tag"> |</li>
                <li><a href="">激活账号</a></li>
                <li class="list-tag"> |</li>
                <li><a href="">注册账号</a></li>
            </ul>
        </div>

    </div>
    <div class="qb-login-name-g">
        <h3>企业钱包</h3>
        <span class="qb-login-name-g__ft2">网上财务管理，聚八方点滴，化万户吉彩</span>
        <p class="qb-login-name-g__ft3">现已支持&nbsp;&nbsp;· 账务查询&nbsp;&nbsp;· 转账支付&nbsp;&nbsp;· 批量代发&nbsp;&nbsp;· 集团资金管理</
        >
    </div>

</div>


<!-- 尾部 -->
<div class="qb-footer-g qb-footer-g__fixed_bottom">
    Copyright©2015 融数金服 辽ICP备15009643号 ▏客服电话：010-56793739 周一至周五：9:00-20:00
</div>
</body>
</html>